<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    {% block title %}
    <title>hello django</title>
    {% endblock %}

    {% block head_css %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="styleheet" media="screen"> -->
    <style>
      .container {
      padding: 50px;
      }
    </style>
    {% endblock %}
  </head>
<body>
  {% block body %}
  <div class="container">
    <h1>What would you like to do?</h1>
    <ul>
      <li><a href="./all">View contacts</a></li>
      <li><a href="./add">Add contact</a></li>
    </ul>
  </div>
  {% endblock %}

  {% block body_js %}
  <!-- <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> -->
  <!-- <script src="http://netna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> -->
  {% endblock %}
</body>
</html>